<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/order.css"/>
    <title>订单详情</title>
    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('../css/iconfont.ttf') format('truetype')
        }
        .iconfont{font-family: 'iconfont';}

        .header{height: 50px;background-color: #fff;position: relative;width: 100%;left: 0;top: 0;font-size: 18px;}
        .header-fixed{position: fixed;width: 100%;left: 0;top: 0;background-color: #ffffff;height: 50px;z-index: 100;}
        .left-icon{float: left;line-height: 50px;color: #000;margin-left: 15px;}
        .left-icon .arrow-left{font-size: 18px;}
        .title-name{position: absolute;left: 100px;right: 100px;text-align: center;height: 50px;line-height: 50px;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <div class=" order_details">
        <div class="header">
            <div class="header-fixed bottom-line">
                <a href="javascript: window.history.back();" class="left-icon"><span class="iconfont arrow-left">&#xe603;</span></a>
                <div class="title-name">订单详情</div>
                <div class="right-icon"></div>
            </div>
        </div>
        <div class="content" style="margin-top: 0;">
            <div class="order-tips">
                <span class="tip">!</span>
                <span>您还未支付哦~</span>
            </div>
            <div class="order-list">
                <div class="order_unit">
                      <div class="m-list address">
                          <div class="m-list-name"><i></i></div>
                          <div class="m-list-inner">
                              <p class="p1"><span>兰草</span><span>18780194819</span></p>
                              <p class="p2">凯云勒星球ZIE区2x5i中</p>
                          </div>
                      </div>
                </div>
                <div class="order_unit">
                    <div class="top m-list list-justify">
                        <div class="m-list-name">
                            <div class="userbox">
                                <div class="imgClu">
                                    <img src="img/update/cw-userimg_03.jpg" alt=""/>
                                </div>
                                <span class="name">FRITZ CHEF</span>
                            </div>

                        </div>
                        <div class="m-list-inner">
                            <!--<a href="#">取消订单</a>-->
                            <i class="icon icon-call dai"></i>
                        </div>
                    </div>
                    <div class="con m-list list-input list-top">
                        <div class="m-list-name">
                            <div class="imgClu">
                                <img src="img/update/cw-pu1_03.jpg" alt=""/>
                            </div>
                        </div>
                        <div class="m-list-inner">
                            <h3>套餐一</h3>
                            <p>用餐时间：2015/04/05</p>
                            <p>自备食材</p>
                            <div class="tousu clear"><p><i class="icon icon-note"></i><span>投诉</span></p></div>
                        </div>
                    </div>
                </div>
                <div class="order_unit">
                    <div class="top m-list list-justify">
                        <div class="title m-list-name">
                             <span class="name">套餐内容</span>
                       </div>
                        <div class="m-list-inner">
                            <!--<a href="#">取消订单</a>-->
                            <p>共 <span class="dai">6</span> 道菜</p>
                        </div>
                    </div>
                    <div class="con">
                        <p>咖喱鸡、基围虾、西芹百合、韭黄鸡蛋、鱼香茄子、豆腐鲫鱼汤</p>
                    </div>
                </div>
                <div class="order_unit">
                    <div class="top">
                        <div class="title">
                            <span class="name">用餐时间</span>
                        </div>
                    </div>
                    <div class="con">
                        <p>2015/04/05 12:00</p>
                    </div>
                </div>
                <div class="order_unit beizhu">
                    <div class="top">
                        <div class="title">
                            <span class="name">备注</span>
                        </div>
                    </div>
                    <div class="con">
                        <div class="labox clear">
                            <div class="item">
                                爱吃辣
                            </div>
                            <div class="item">
                                口味清淡
                            </div>
                        </div>
                        <input type="text" class="bei_input" placeholder="特殊口味偏好、忌口等..."/>
                    </div>
                </div>
                <div class="order_unit youhui">
                    <div class="top m-list list-justify">
                        <div class="title m-list-name">
                            <span class="name">优惠券</span>
                        </div>
                        <div class="m-list-inner">
                            <!--<a href="#">取消订单</a>-->
                            <p>已使用</p>
                        </div>
                    </div>
                    <div class="con">
                        <p class="less_na">首单减免</p>
                        <p class="less_mon">- ￥10.00</p>
                    </div>
                </div>
                <div class="order_unit order_info">
                    <div class="top">
                        <div class="title">
                            <span class="name">订单明细</span>
                        </div>
                    </div>
                    <div class="con">
                        <ul>
                            <li class="m-list list-justify">
                                <div class="m-list-name">订单编号</div>
                                <div class="m-list-inner">105421356</div>
                            </li>
                            <li class="m-list list-justify">
                                <div class="m-list-name">创建时间</div>
                                <div class="m-list-inner">105421356</div>

                            </li>
                            <li class="m-list list-justify">
                                <div class="m-list-name">付款时间</div>
                                <div class="m-list-inner">105421356</div>

                            </li>
                        </ul>
                    </div>
                </div>
                <div class="order_unit tuiding">
                    <div class="bottom m-list list-justify">
                        <div class="m-list-name">
                            <p><span>合计：</span><span class="price">￥30.00</span><small class="sub"><sub>已付款</sub></small></p>
                        </div>
                        <div class="m-list-inner">
                            <div class="order-btn order-btn-nor">
                                退订
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>